<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            width: 600px;
            height: 1200px;
            margin: auto;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center;
        }



    </style>
    

    <script>
        var i=0;
        function myDate(){
            var now=new Date();
            var year=now.getFullYear();
            var month=now.getMonth()+1;
            var day=now.getDate();
            var hours=now.getHours();
            var minutes=now.getMinutes();
            var seconds=now.getSeconds();
    
            document.getElementById("div").innerHTML=year+"年"+month+"月"+day+"日"+hours+"："+minutes+"："+seconds;
        }
        setInterval(myDate,1000);
    </script>

        

</head>
<body>
    <div class="box">
        <h1>feidiing</h1>
        <h2>转注于编程</h2>
        <img src="./earth.jpg" alt="图片" width="200px">
        <br>
        <a href="https://www.baidu.com" target="_blank">百度</a>
        <p id="div"></p>
    </div>

 
</body>
</html>
